<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
    <meta charset="utf-8">
    <title>html5贪吃蛇小游戏</title>
    <script type="text/javascript" src="xmgzGame.js"></script>

    <script>

    </script>
</head>
<body>
<h1>贪吃蛇小游戏</h1>
<div align="left" class="a">
    游戏规则：<br>
    1.初始分数为=0、初始速度为1！<br>
    2.键盘上下左右操作蛇移动，使蛇可以吃到红色的食物!<br>
    3.每当我的分数每次达到100分时，当前速度就会提高一个等级！<br>
    4.最高速度为10.相信能力强的人可以达到最高速度！<br>
    5.当蛇的碰到墙体或者自己的身子的时候，会宣布游戏失败！<br>
</div>
<style>
    body{
        text-align: center;
        background-color: aqua;
    }
    #snake{
        margin-top: 20px;
    }
    .a{
        margin-top: 50px;
        margin-left: 680px;
        width: 600px;
        font-size: 20px;

    }

</style>
<canvas id="snake" width="" height=""></canvas>

<h3 id="score">我的得分：0</h3>
<h3 id="speed">当前速度：1</h3>

<script>
    var snake = new Snake("snake","score","speed",36,36);
    snake.init();

</script>
</body>